﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
	<title>jQuery UI Tabs - Open on mouseover</title>
	<link type="text/css" href="css/themes/base/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="lib/jquery/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="ui/ui.core.js"></script>
	<script type="text/javascript" src="ui/ui.tabs.js"></script>	
	<script type="text/javascript">
	$(function() {
		$("#tabs").tabs({
			event: 'mouseover'
		});
	});
	</script>

</head>
<body>

<div class="demo">

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">近期活動</a></li>
		<li><a href="#tabs-2">住宿優惠</a></li>
		<li><a href="#tabs-3">季節限定</a></li>
	</ul>
	<div id="tabs-1">
		<div>
			<p><a target="_blank" href="http://www.culture.tpc.gov.tw/common/html/wizard/pcontent.jsp?dptid=101&cparentid=1007">烏來泰雅文化祭 </a><img align="right" src="pic/002.gif" height="200px" width="130px"/></p>
			<p>活動地點：  	烏來</p>			
			<p>日　　期： 	2009-05-13 至 2009-06-15</p>
			<p>參加方式： 	自由參加</p>
			<p>詳情請見: <a target="_blank" href="http://www.culture.tpc.gov.tw/common/html/wizard/pcontent.jsp?dptid=101&cparentid=1007">http://www.culture.tpc.gov.tw/common/html/wizard/pcontent.jsp?dptid=101&cparentid=1007</a></p>		
		</div>
		<hr></hr>
	</div>
	<div id="tabs-2">
		<p><h1>Comming Soon!</h1></p>
	</div>
	<div id="tabs-3">
		<p><a target="_blank" href="http://www.wulia.gov.tw/ulay/walking.html">2009春戀烏來櫻花季-櫻味幸福走</a><img align="right" src="pic/47073_pic_20090213144328_4.jpg" height="180px" width="130px"/></p>
		<p>活動地點：  	烏來</p>
		<p>日　　期： 	2009-02-13 至 2009-03-15</p>
		<p>參加方式： 	請報名參加</p>
		<p>詳情請見: <a target="_blank" href="http://www.wulia.gov.tw/ulay/walking.html">http://www.wulia.gov.tw/ulay/walking.html</a>
		<hr></hr>
		<p><a target="_blank" href="http://2009wulai.emmm.tw/">2009烏來櫻花季活動-幸福誌-主題活動</a><img align="right" src="pic/47073_pic_20090213143933_1.jpg" height="180px" width="130px"/></p>
		<p>活動地點：  	烏來風景區</p>
		<p>日　　期： 	2009-02-13 至 2009-03-15</p>
		<p>參加方式： 	自由參加</p>
		<p>詳情請見: <a target="_blank" href="http://2009wulai.emmm.tw/">http://2009wulai.emmm.tw/</a>
		<hr></hr>
		<p><a target="_blank" href="http://2009wulai.emmm.tw">2009烏來櫻花季-文化推廣活動</a><img align="right" src="pic/47073_pic_20090213144505_1.jpg" height="180px" width="130px"/></p>
		<p>活動地點：  	烏來風景區</p>
		<p>日　　期： 	2009-02-13 至 2009-02-15</p>
		<p>參加方式： 	自由參加</p>
		<p>詳情請見: <a target="_blank" href="http://2009wulai.emmm.tw">http://2009wulai.emmm.tw</a>	
	</div>
</div>

</div><!-- End demo -->

<!--<div class="demo-description">

<p>Toggle sections open/closed on mouseover with the <code>event</code> option. The default value for event is "click."</p>

<pre><code>event: 'mouseover'
</code></pre>

</div> --><!-- End demo-description -->

</body>
</html>
